import { ADD_PERSON } from "../constant";

const initState = [{id:'01', name: 'tome', age:18}]
export default function personReducer(preState = initState, action){
  const {type, data} = action 
  if(type === ADD_PERSON){ 
    return [data, ...preState]   // 这里会触发UI的渲染， 重新生成的一个转台
    // 浅拷贝数组的地址没有变，值变了，但是UI认为是同一个数组，不会重新渲染UI
    // 会导致prestate被改写了，PersonReducer就不是纯函数了
    //return preState.unshift(data) 
  }

  return preState
}